<template>
  <div class="map">
       <div id="div1" :style="style"></div>
  </div>
</template>

<script>
　　export default{
　　　　data(){
　　　　　　return{
　　　　　　　　style:{
　　　　　　　　　　width:'100%',
　　　　　　　　　　height:"92vh"
　　　　　　　　}
　　　　　　}
　　　　},
　　　　props:{ //里面存放的也是数据，与data里面的数据不同的是，这里的数据是从其他地方得到的数据
　　　　　　height:{
　　　　　　　　type:Number,
　　　　　　　　default:300
　　　　　　},
　　　　　　longitude:{}, //定义经度
　　　　　　latitude:{} //定义纬度
　　　　},
　　　　mounted(){
　　　　　　var map = new BMap.Map("div1");
            var icon = new BMap.Icon('static/imgs/22-52-25.png', new BMap.Size(35, 38), {
		           anchor: new BMap.Size(17, 38),
				   imageOffset: new BMap.Size(-80,0)
            });
　　　　　　var point = new BMap.Point(116.404, 39.915);
            var Mypoint = new BMap.Point(116.403, 39.912);
			
			
　　　　　　map.centerAndZoom(Mypoint, 16);
          
            map.addControl(new BMap.MapTypeControl());
		    map.addControl(new BMap.NavigationControl());    
            map.addControl(new BMap.ScaleControl());    
            map.addControl(new BMap.OverviewMapControl());  
			
　　　　　　map.setCurrentCity("北京");
            var marker = new BMap.Marker(point); 
            map.addOverlay(marker);
			var Mymarker = new BMap.Marker(Mypoint,{icon:icon}); 
            map.addOverlay(Mymarker);
            			
　　　　}
　　}
</script>

<style scoped>

</style>
